@charset "utf-8";
*{
	margin:0;
	padding:0px;
	margin: 0 auto;
	

}
img{
    display: block
}
header{
    width: 100%;
    
    
}
.nav{
    width: 100%;
    height: 40px;
    background: #DFDFDE;
}
.navtext{
margin:0 auto;
	width:1000px;
	height:40px;
	text-aline:center;
	line-height:40px;
	
	

span{
	margin-left:10px;
	font-size:12px;
}
.sp2{
	float:right;
	margin-left:35px;
	position: relative;
	right: 55px;
}
}
.daohang{
margin:0 auto;
	width:1000px;
	height: 100px;
	.tkLogo{
	display:inline-block;
	float: left;
	width:300px;
	height:100px;
	}
	.tk_dh{
	    float: left;
	    width: 600px;
	    height: 100px;
	    margin-left: 100px;
	}

	.dh{
	    width: 80px;
	    height: 100px;
	float:left;
	text-align: center;
	&:hover{
	    background: #FAF8F8;
	    border-bottom: 2px solid #3C9CD3;
	    box-sizing: border-box;
	}
	a{
	    text-decoration: none;
	    color: black;
	}
	p{
	    position: relative;
	    top: 30px;
	    font-size: 15px;
	    
	}
	
	}
}

.lunbo{
    margin: 0 auto;
    width:1280px;
    height: 552px;
    img{
        @extend .lunbo;
    }
    
}

main{
    
    width: 100%;
    background:#F6F6F6;
  
}

.jieshao{
    padding-top:60px ;
    width: 1000px;
    margin: 0 auto;
    background:#F6F6F6; 
  
    &::after{
        content: "";
        display: block;
        clear: both;
    }
.new{
    &:first-child{
        margin-left: 10px;
          width: 315px;
        height: 475px;
        background: #fff;
        float: left;
        >.jieshao-title{
            background: #2494CA;
            padding: 1px;
           >.newtext{
               margin-top: 20px;
              text-align: center;
              img{
                  margin: 0 auto;
                  
              }
              p{
                  margin-top: 10px;
                  color: white;
              }
              hr{
                  margin: 0 auto;
                   width: 100px;
                  height: 1px;
                  background: white;
                   border: none;
              }
           }
            
        }
        .sanjiaox{
            width: 0;
            height: 0;
            border-width: 20px;
            border-color: #2494CA transparent transparent transparent; 
            border-style: solid;
            margin: 0 auto;
           
        }
        .xiangxi{
            width: 100%;
            height: 163px;
            position: relative;
            top: -10px;
            >p{
                margin-left: 20px;
            }
            
            
            
            >.xx1{
                margin: 0 auto;
                width: 280px;
                margin-top: 10px;
                padding-bottom: 20px;
                 border-bottom: 4px dotted #DFDFDE;
               
              
            >.xxphoto1{
              display: inline-block;
             
             
               
            }
           
            }
        }
        
        >ul{
            width: 260px;
            position: relative;
            left: 15px;
            top: 5px;
            li{
                color: skyblue;
                font-size: 13px;
                margin-bottom: 8px;
                 font-weight: bold;
               >.li-span{
                    color: black;
                }
            }
        }
    }
    
    &:nth-child(2){
        margin-left:15px;
          width: 315px;
        height: 475px;
        background: #fff;
        float: left;
         >.jieshao-title{
            background: #3ED1A4;
             padding: 1px;
           >.newtext{
               margin-top: 20px;
              text-align: center;
              img{
                  margin: 0 auto;
                  
              }
              p{
                  margin-top: 10px;
                  color: white;
              }
              hr{
                  margin: 0 auto;
                   width: 100px;
                  height: 1px;
                  background: white;
                   border: none;
              }
           }
        }
        .sanjiaox{
            width: 0;
            height: 0;
            border-width: 20px;
            border-color: #3ED1A4 transparent transparent transparent; 
            border-style: solid;
            margin: 0 auto;
           
        }
        >.xiangxi{
            width: 100%;
            
            >.xiangxi2-photo{
                width: 100%;
                height: 150px;
                text-align: center;
                position: relative;
                top: 15px;
                >.next{
                    position: relative;
                    top: -40px;
                    cursor: pointer;
                }
                img{
                    
                    display: inline-block;
                    &:nth-child(2){
                        margin-left: 10px;
                        margin-right: 10px;
                    }
                }
            }
            >.xiangxi2-text{
                text-align: center;
                >p{
                    color: deepskyblue;
                    margin-top: 20px;
                   
                }
                >span{
                    font-size: 13px;
                    margin-top: 15px;
                    display: inline-block;
                     font-weight: bold;
                }
            }
        }
        
        
        
    }
    &:nth-child(3){
        margin-left:15px;
          width: 315px;
        height: 475px;
        background: #fff;
        float: left;
         >.jieshao-title{
            background: #895EA3;
             padding: 1px;
           >.newtext{
               margin-top: 20px;
              text-align: center;
              img{
                  margin: 0 auto;
                  
              }
              p{
                  margin-top: 10px;
                  color: white;
              }
              hr{
                  margin: 0 auto;
                   width: 100px;
                  height: 1px;
                  background: white;
                  border: none;
              }
           }
        }
        .sanjiaox{
            width: 0;
            height: 0;
            border-width: 20px;
            border-color: #895EA3 transparent transparent transparent; 
            border-style: solid;
            margin: 0 auto;
           
        }
        .xiangxi{
            img{
                margin-top: 20px;
                position: relative;
                left: 12px;
                width: 290px;
                height: 125px;
            }
            >.xiangxi3-text{
                img{
                    width: 15px;
                    height: 15px;
                }
               p{
                  font-size: 13px;
                  width: 240px;
                  margin: 0 auto;
                   font-weight: bold;
               }
               >.maohao1{
                  
                    display: inline-block;
               }
               >.maohao2{
                   position: relative;
                  left: 270px;
                  top: -20px;
                   display: inline-block;
               }
            }
        }
    }
    >.jieshao-title{
        width: 315px;
        height: 170px;
       
    }
}
}

.aboutus{
    width: 1280px;
    margin: 0 auto;
    
    
    >.abus{
     
      
        
        
        margin-top: 30px;
        width: 260px;
        height: 50px;
         margin-bottom: 60px;
       border-bottom: 2px solid #C9C9C9;
        text-align: center;
        p{
            font-weight: bold;
            line-height: 50px;
        }
        span{
            color: #747474;
            font-size: 12px;
            display: inline-block;
            background: #F6F6F6;
            width: 110px;
            position: relative;
            top: -11px;
        }
    }
    >.abtext{
        margin: 0 auto;
        width: 100%;
        height: 345px;
        
        background-image: url(../images/abus_bg.png);
        
        >.abjieshao{
            margin: 0 auto;
            padding-top:30px ;
            width: 950px;
            height: 115px;
            text-indent: 25px;
            text-align: center;
            font-size: 15px;
            line-height: 22px;
        }
        >.abphoto{
            width: 1050px;
            height: 170px;
            background:#FFFFFF ;
            margin: 0 auto;
            
        }
    }
    
}

.contactus{
    width: 100%;
    height: 85px;
    >.storedisplay{
       
         position: relative;
        left:50%;
        margin-left: -130px;
        margin-top: 50px;
        width: 260px;
        height: 50px;
         margin-bottom: 60px;
       border-bottom: 2px solid #C9C9C9;
        text-align: center;
        p{
            font-weight: bold;
            line-height: 50px;
        }
        span{
            color: #747474;
            font-size: 12px;
            display: inline-block;
            background: #F6F6F6;
            width: 110px;
            position: relative;
            top: -11px;
        }
    }
    
}
.contact{
    width: 1280px;
    background: #FFFFFF;
    
    >.contactway{
        height: 450px;
        width: 440px;
        float: left;
        margin-left: 109px;
        display: inline-block;
        >.erweima{
            width: 140px;
            height: 185px;
            border: 1px solid #EBEBEB;
            float: left;
            margin-top: 13px;
            img{
                width: 127px;
                height: 127px;
                margin: 5px;
                
            }
            p{  
                margin-top: 8px;
                font-size: 12px;
                text-align: center;
            }
        }
        >.cway{
            float: left;
            margin-left: 30px;
            >.cw2{
                margin-top: 13px;
            img{
                display: inline-block;
               
            }
            span{
                font-size: 13px;
                color: #747474;
                margin-left: 10px;
            }
            }
        }
        >.ditu{
            padding-top: 1px;
            img{
                 margin-top: 30px;
            }
           
        }
    }
    >.form{
        height: 450px;
        width: 700px;
        float: left;
        margin-left: 30px;
        
        p{  color: #747474;
            font-size: 14px;
            margin-top: 15px;
        }
        input{
            width: 600px;
            height: 25px;
            margin-top: 10px;
            background: #F9F8F8;
            border: 1.5px dotted #DFDFDE;
        }
        textarea{
            width: 605px;
            height: 120px;
            resize: none;
            border: 1.5px dotted #DFDFDE;
            background: #F9F8F8;
        }
        button{
               margin-top: 10px;
            width: 90px;
            height: 30px;
            border: none;
            background: #3C9CD3;
        }
        
        
    }
}

footer{
    width: 100%;
    height: 140px;
    background: #3C9CD3;
    padding-top: 1px;
    .foot{
        width: 600px;
        height: 120px;
        text-align: center;
        margin-top: 20px;
        
        span{
            font-size: 12px;
            color:#fff;
          
        }
        img{
            display: inline-block;
            margin-left: 25px;
            
        }
        >ul{
            text-align: center;
            margin-left: 90px;
            img{
                display: inline-block;
                float: left;
                width: 3px;
                position: relative;
                top: 28px;
                right: 10px;
            }
            li{
                list-style: none;
               
                float: left;
                text-align: center;
               
                margin-top: 20px;
                font-size: 12px;
                color: white;
                
                &:first-child{
                    list-style: none;
                }
            }
            &::after{
                content: "";
                display: block;
                clear: both;
            }
        }
        p{
            margin-top: 30px;
            color: white;
            font-size: 12px;
            letter-spacing: 2px;
        }
        
    }
}
